<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" lang="de" />
	<meta name="format-detection" content="telephone=no" />
	<link rel="stylesheet" href="css/jquery.mobile-1.3.1.min.css" />
	<link rel="stylesheet" href="css/layout.css" type="text/css" />
	<link rel="stylesheet" href="css/style.css" type="text/css" />
    

    <!-- for WP and BB use this meta -->
    <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />-->
  
    <link rel="stylesheet" href="css/styleiPhone.css" type="text/css" />
    <!-- Customize css for each platform
     <link rel="stylesheet" href="css/styleiPhone.css" type="text/css" />
     <link rel="stylesheet" href="css/styleandroid.css" type="text/css" />
     <link rel="stylesheet" href="css/stylewp.css" type="text/css" />
     <link rel="stylesheet" href="css/stylebb.css" type="text/css" />
     -->
	<link rel="stylesheet" href="css/nanoscroller.css" type="text/css" />
	<link rel="stylesheet" href="css/jquery.mobile-1.4.0-beta.css" />

	<script src="js/lib/jquery-1.9.1.min.js"></script>
	<script src="js/lib/jquery.mobile-1.3.1.min.js"></script>
	<script src="js/lib/knockout-2.2.1.js"></script>
	<script src="js/lib/koExternalTemplateEngine_all.min.js"></script>
	<script src="js/lib/ObjTree.js"></script>
	<script src="js/lib/underscore-min.js"></script>
	<script src="js/app/localize/localize.js"></script>
	<script src="js/lib/spin.min.js"></script>
	<script src="js/lib/jquery.mobile-events.min.js"></script>
	<script src="js/lib/iscroll.js"></script>
	<script src="js/lib/flurry.js"></script>
    <script src="js/lib/md5.min.js"></script>
	<script src="js/lib/Base64.js"></script>
	<script src="js/lib/jquery.transit.js"></script>
	<script src="js/lib/jquery.nanoScroller.min.js"></script>
	<script src="js/app/dataservice/localStorage.js"></script>
	<script src="js/lib/sortable/jquery-ui.min.js"></script>
	<script src="js/lib/sortable/jquery.ui.touch-punch.js"></script>
    

	<title>getAbstract</title>
</head>

<body>
	<div class="pt-page" data-bind="style: { height: $root.bookVM.heightOfScreen()+'px' }">
		<!-- ko template:{name:'searchLineTmpl', afterRender: $root.applyEffect}-->
		<!--/ko-->
		<!-- ko template:{name:$root.getTmpl, afterRender: $root.applyEffect}-->
		<!--/ko-->
	</div>
	
	<script src="js/lib/jquery.crossdomain.data.js"></script>
    
    <!-- Mofify it for each platform with name: cordova-2.5.0-ios.js, cordova-2.5.0-android.js, cordova-2.5.0-wp.js, cordova-2.5.0-bb.js -->
	<script src="js/lib/cordova-2.5.0-android.js"></script>
    
    
	<script src="js/app-config.js"></script>
	<script src="js/app-utility.js"></script>
	<script src="js/app.js"></script>
	<script src="js/app/dataservice/dataservice.js"></script>
	<script src="js/app/dataservice/dataservice.book.js"></script>
	<script src="js/app/dataservice/dataservice.category.js"></script>
	<script src="js/app/dataservice/dataservice.favorite.js"></script>
	<script src="js/app/dataservice/dataservice.about.js"></script>
	<script src="js/app/dataservice/dataservice.setting.js"></script>
	<script src="js/app/dataservice/dataservice.login.js"></script>
	<script src="js/app/dataservice/dataservice.session.js"></script>
	<script src="js/app/dataservice/datacontext.js"></script>
	<script src="js/app/dataservice/mapper.js"></script>
	<script src="js/app/model/model.book.js"></script>
	<script src="js/app/model/model.favoriteitem.js"></script>
    <script src="js/app/model/model.favoritefolderitem.js"></script>
	<script src="js/app/model/model.category.js"></script>
	<script src="js/app/model/model.favorite.js"></script>
	<script src="js/app/model/model.js"></script>
	<script src="js/app/model/model.subCategory.js"></script>
	<script src="js/app/model/model.user.js"></script>
	<script src="js/app/model/model.error.js"></script>
	<script src="js/app/model/model.settings.js"></script>
	<script src="js/app/model/model.start.js"></script>
	<script src="js/app/model/model.settingsOfStart.js"></script>
	<script src="js/app/model/model.about.js"></script>
	<script src="js/app/model/model.status.js"></script>
	<script src="js/app/model/model.book.js"></script>
	<script src="js/app/model/model.comment.js"></script>
	<script src="js/app/vm/vm.book.js"></script>
	<script src="js/app/vm/vm.category.js"></script>
	<script src="js/app/vm/vm.startpage.js"></script>
	<script src="js/app/vm/vm.favorite.js"></script>
	<script src="js/app/vm/vm.socialnetwork.js"></script>
	<script src="js/app/vm/vm.user.js"></script>
	<script src="js/app/vm/vm.overview.js"></script>
	<script src="js/app/vm/vm.session.js"></script>
	<script src="js/app/vm/vm.settings.js"></script>
	<script src="js/app/vm/vm.about.js"></script>
	<script src="js/app/share.js"></script>
	<script src="js/app/vm/vm.js"></script>

	<div id="pageAnimation" class="pt-page pt-page-absolute" style="display: none; z-index: 100003">
		<!-- ko template:{name:'pageAnimationTmpl'}-->
		<!--/ko-->
	</div>

	<div id="settingForm" style="display: none;" >
		<!-- ko template:{name:'settingsTmpl'}-->
		<!--/ko-->
	</div>

	<!-- setting start page -->
	<div id="settingStartPageId" class="settingStartPage" data-bind="style: {display: $root.isDisplaySettingStartPage() ? 'block' : 'none'}">
		<div style="background-color: #000000; opacity:0.6; width: 100%; height: 100%;"></div>
		<div id="settingStartPageContentId" class="wrapper-setting-start-page">
			<div data-role="content" data-theme="c">
				<ul data-role="listview" data-inset="false" data-theme="c" id="sortable" data-bind="foreach: $root.startpageVM.settingList()">
					<li style="height: 20px; background-color: #d7d7d7">
						<div class="drag-item">
							<div class="icon-drag-setting"></div>
						</div>
						<div class="content-item ellipsis" data-bind="text: title">Item title</div>
						<div class="edit-item red-bgd" data-bind="style: {display: active() ? 'block' : 'none'}, click: $root.startpageVM.deleteItem">
							<div class="icon-delete-setting"></div>
						</div>
						<div class="edit-item blue-bgd-setting" data-bind="style: {display: active() ? 'none' : 'block'}, click: $root.startpageVM.addItem">
							<div class="icon-add-setting"></div>
						</div>
					</li>
				</ul>
			</div>
			<div style="height: 50px;">
				<div class="btn-edit-start navigation-bar-bgd clickableEffect" data-bind="click: $root.saveSettingStartPage">
					<div class="icon-save-setting"></div>
				</div>
				<div class="btn-edit-start red-bgd clickableEffect" data-bind="click: $root.closeSettingStartPage">
					<div class="icon-cancel-setting"></div>
				</div>
			</div>
		</div>

		<div id="settingStartPageContentIdAnimation" class="wrapper-setting-start-page">
			<div data-role="content" data-theme="c">
				<ul data-role="listview" data-inset="false" data-theme="c" id="sortable" data-bind="foreach: $root.startpageVM.settingList()">
					<li style="height: 20px; background-color: #d7d7d7">
						<div class="drag-item">
							<div class="icon-drag-setting"></div>
						</div>
						<div class="content-item ellipsis" data-bind="text: title">Item title</div>
						<div class="edit-item red-bgd" data-bind="style: {display: active() ? 'block' : 'none'}, click: $root.startpageVM.deleteItem">
							<div class="icon-delete-setting"></div>
						</div>
						<div class="edit-item blue-bgd-setting" data-bind="style: {display: active() ? 'none' : 'block'}, click: $root.startpageVM.addItem">
							<div class="icon-add-setting"></div>
						</div>
					</li>
				</ul>
			</div>
			<div style="height: 50px;">
				<div class="btn-edit-start navigation-bar-bgd clickableEffect" data-bind="click: $root.saveSettingStartPage">
					<div class="icon-save-setting"></div>
				</div>
				<div class="btn-edit-start red-bgd clickableEffect" data-bind="click: $root.closeSettingStartPage">
					<div class="icon-cancel-setting"></div>
				</div>
			</div>
		</div>
	</div>
	<!-- end setting start page -->
    
    <!-- Popup select folder on favorite -->
	<div id="popupSelectFolder-main" class="popup-select-folder-main" data-bind="click: $root.overviewVM.closeFolderPopup">
        <!-- <div id="popupSelectFolder" data-role="popup" data-theme="a" class="ui-corner-all" data-transition="none" style="z-index: 1000001">
            <div style="width: 280px;" data-inset="true">
                <div style="padding: 10px; font-weight: bold; text-align: center;" data-bind="text: $root.strSelectFolder">Select folder</div>
            </div>
            <div style="width: 280px;" data-inset="true" data-bind="foreach: favoriteVM.folders">
                <div data-bind="click: $root.overviewVM.selectFolder, text: folderName()" style="padding: 10px; border-top: 1px solid #444;">&nbsp;</div>
            </div>
        </div>-->
        <div class="popup-select-folder-content" data-bind="style:{height: $root.favoriteVM.heightPopupSelect() + 'px', top: $root.favoriteVM.topPopupSelect() + 'px'}">
            <div class="popup-title-folder-bg" data-bind="text: $root.strSelectFolder" >&nbsp;</div>
            <div id="wrapper_scroll_folder_favorite_view" class="temptte-favorite-folder">
                <div class="scroller comments" style="display: block;">
                    <ul data-bind="template: { name: 'folderItemInFavoriteTmpl',
						foreach: favoriteVM.folders,
						afterAdd: $root.applyEffectLI }">
                    </ul>
                </div>
            </div>
        </div>
    </div>
	<!-- begin popup add folder -->
	<div class="popup-arrow-up-favorite" data-bind="style: {display: $root.isDisplayPopupAdd() ? 'block' : 'none'}"></div>
	<div class="popup-title-bg" data-bind="style: {display: $root.isDisplayPopupAdd() ? 'block' : 'none'}, text: bookVM.strFavorites "></div>

	<div class="popup-body-bg" data-bind="style: {display: $root.isDisplayPopupAdd() ? 'block' : 'none', height: (favoriteVM.folders().length > 5 ? ((5*48)+'px') : ((favoriteVM.folders().length * 48) + 'px'))}">
		<div id="wrapper_scroll_folder" class="temptte">
			<div id="comment-list" class="scroller comments" style="display: block;">
				<ul id="thelist" data-bind="template: { name: 'folderItemTmpl',
						foreach: favoriteVM.folders,
						afterAdd: $root.applyEffectLI }">
				</ul>
			</div>
		</div>
	</div>
	<!-- end popup add folder -->

	<!-- begin popup add folder item template  -->
	<script type="text/html" id="folderItemTmpl">
	<li class="browse clickableEffect" data-bind="click: $root.bookVM.addToFavoriteItem">
		<div class="small-narrow-popup"></div>
		<div class="textForPopup" data-bind="text: folderName"></div>
	</li>
	</script>
	<!-- end popup add folder item template  -->
    
    <!-- begin popup add folder item in favorite view template  -->
	<script type="text/html" id="folderItemInFavoriteTmpl">
        <li class="browse clickableEffect" data-bind="click: $root.overviewVM.selectFolder">
            <div class="textForPopup" data-bind="text: folderName"></div>
        </li>
    </script>
	<!-- end popup add folder item in favorite view template  -->
    

	<!-- begin popup select media -->
	<div class="popup-arrow-up-favorite-media" data-bind="style: {display: $root.isDisplayPopupMedia() ? 'block' : 'none'}"></div>
	<div class="popup-title-choose-media-bg" data-bind="style: {display: $root.isDisplayPopupMedia() ? 'block' : 'none'}">
		<table style="padding: 1px; height: 63px; margin-top: -12px;">
			<tr>
				<td style="text-align: center;" data-bind="text: bookVM.strWouldYouLike"></td>
			</tr>
		</table>
	</div>
	<div class="popup-media-body-bg" data-bind="style: {display: $root.isDisplayPopupMedia() ? 'block' : 'none'}">
		<div data-inset="true">
			<div data-bind="click: $root.bookVM.addWithoutMedia">
				<div class="yes-only-text blue-text-bg clickableEffect">
					<div class="add-icon">&nbsp;</div>
					<div class="title-yes-no" data-bind="text: bookVM.strYes">Yes</div>
					<div class="sub-title-yes-no" data-bind="text: bookVM.strTextOnly">(text only)</div>
				</div>
			</div>
		</div>
		<div data-inset="true">
			<div data-bind="click: $root.bookVM.addWithMedia">
				<div class="yes-only-text blue-text-audio-bg clickableEffect">
					<div class="add-icon">&nbsp;</div>
					<div class="title-yes-no" data-bind="text: bookVM.strYes">Yes</div>
					<div class="sub-title-yes-no" data-bind="text: bookVM.strTextAndAudio">(text and audio)</div>
				</div>
			</div>
		</div>
		<div data-inset="true">
			<div data-bind="click: $root.bookVM.closePopupMedia">
				<div class="yes-only-text blue-no-bg clickableEffect">
					<div class="title-yes-no" data-bind="text: bookVM.strNo">NO</div>
				</div>
			</div>
		</div>
		<div data-inset="true">
			<div style="height: 1px; background-color: black;">
			</div>
		</div>
	</div>
	<!-- end popup select media -->

	<div id="btnShareFacebook" class="share-bg share-facebook-bg clickableEffect" data-bind="click: $root.bookVM.shareFacebook, style: {display: $root.isDisplayBtnsShare() ? 'block' : 'none'}">&nbsp;</div>
	<div id="btnShareTwitter" class="share-bg share-twitter-bg clickableEffect" data-bind="click: $root.bookVM.shareTwitter, style: {display: $root.isDisplayBtnsShare() ? 'block' : 'none'}">&nbsp;</div>
    <div id="btnShareLinkedIn" class="share-bg share-linkedin-bg clickableEffect" data-bind="click: $root.bookVM.shareLinkedIn, style: {display: $root.isDisplayBtnsShare() ? 'block' : 'none'}">&nbsp;</div>
	<div id="btnShareEmail" class="share-bg share-email-bg-1 clickableEffect" data-bind="click: $root.bookVM.shareEmail, style: {display: $root.isDisplayBtnsShare() ? 'block' : 'none'}">&nbsp;</div>
	<div class="arrown-down" data-bind="style: {display: $root.isDisplayArrowDown() ? 'block' : 'none'}">&nbsp;</div>
   
    <div id="zoomItem" class="thumbnail2 white"></div>
    <div id="coverItem" class="coverItem shadow-border-cover">
        <img></img>
    </div>
</body>
    
</html>